/* index.css */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 使内容垂直居中 */
    margin: 0; /* 去除默认的 margin */
    font-family: Arial, sans-serif; /* 设置字体 */
    background-color: #f2f2f2; /* 设置背景色 */
}

#app {
    background-image: url("/staticRec/go-logo.png"); /* 设置背景图片路径 */
    background-size: cover; /* 图片尺寸适应 */
    background-position: center; /* 图片居中 */
    padding: 10px; /* 添加内边距 */
    text-align: center; /* 文本居中 */
    min-height: 100vh; /* 使 #app 的高度与视口高度相等 */
    position: relative; /* 设置相对定位 */
    width: 80%;
}

.main {
    text-align: center; /* 水平居中 */
    /*color: #20a847; !* 设置字体颜色 *!*/
    animation: fadeIn 5s ease-in-out; /* 应用淡入动画 */
}

.main-green {
    text-align: center; /* 水平居中 */
    color: #20a847; /* 设置字体颜色 */
    animation: fadeIn 5s ease-in-out; /* 应用淡入动画 */
}

p {
    text-align: center; /* 水平居中 */
    max-width: 90%; /* 设置段落最大宽度 */
    margin: 0 auto; /* 水平居中 */
}

/* Footer 样式 */
footer {
    position: fixed; /* 设置固定定位 */
    bottom: 0; /* 设置底部定位 */
    width: 100%; /* 设置宽度为100% */
    background-color: #333; /* 设置背景色 */
    color: #fff; /* 设置字体颜色 */
    text-align: center; /* 文本居中 */
    padding: 10px 0; /* 添加上下内边距 */
}


/* Footer 中的链接样式 */
footer a {
    color: #fff; /* 设置链接颜色为白色 */
    text-decoration: none; /* 去除下划线 */
    font-weight: bold; /* 设置字体加粗 */
    border-bottom: 2px solid transparent; /* 添加底部边框，初始状态为透明 */
    transition: border-bottom 0.3s; /* 添加过渡效果 */
}

/* 链接悬停效果 */
footer a:hover {
    border-bottom: 2px solid #fff; /* 悬停时显示底部边框 */
}


/* 淡入动画 */
@keyframes fadeIn {
    0% {opacity: 0;} /* 动画开始时完全透明 */
    100% {opacity: 1;} /* 动画结束时完全不透明 */
}


.independent {
    position: fixed; /* 使用固定定位 */
    top: 10px; /* 距离浏览器窗口顶部 10px */
    right: 10px; /* 距离浏览器窗口右侧 10px */
    /* 可选：如果需要额外的间距，可以调整 margin */
    /* margin-top: 10px; */
    /* margin-right: 10px; */
}
